<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="小米官方网站包含小米手机系列小米NOTE、小米4，红米手机系列红米Note、红米2/2A还有小米电视40/49/55英寸、手环、移动电源、运动相机,小米智能家居系列路由器、空气净化器、体重秤、插线板等小米商城均有售。">
		<meta name="keywords" content="小米,小米手机,小米官网,红米手机,小米商城,小米电视">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>小米分类</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/classify.css" />
		<link rel="shortcut icon" href="img/fa-vicon.ico">
		<link rel="icon" href="img/favicon.ico">
	</head>

	<body>
		<header class="classify-header">
			<div class="left">
				<a href="mi.html" class="home"><img src="img/icon_back_n.png" class="ib"></a>
			</div>
			<div class="tit">
				<h2><span class="title">商品分类</span></h2>
			</div>
			<div class="right">
				<a href="mi-search.html">
					<i class="fa fa-search"></i>
				</a>
			</div>
		</header>
		<section class="classify-container">
			<div class="list-wrap" id="m0">
				<h3 class="list-title">手机 / 电话卡</h3>
				<ol class="list-category">
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
				</ol>
			</div>
			<div class="list-wrap" id="m1">
				<h3 class="list-title">笔记本 / 平板</h3>
				<ol class="list-category">
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="img">
								<img class="lazy" src="img/357a6616-caad-da34-e06e-cc7459578f38.png" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
							</div>
							<div class="name">
								<span>小米Note 2</span>
							</div>
						</a>
					</li>
				</ol>
			</div>
		</section>
		
		<footer class="mi-footer">
				<ul>
					<li>
						<a href="mi.html">
							<div class="nav">
								<div class="ih ispr"></div>
								<p>首页</p>
							</div>
						</a>
					</li>
					<li>
						<a href="classify.html" class="on">
							<div class="nav">
								<div class="ic ispr"></div>
								<p>分类</p>
							</div>
						</a>
					</li>
					<li>
						<a href="shopping-cart.html">
							<div class="nav">
								<div class="is ispr"></div>
								<p>购物车</p>
							</div>
						</a>
					</li>
					<li>
						<a href="personal.html">
							<div class="nav">
								<div class="if ispr"></div>
								<p>我的</p>
							</div>
						</a>
					</li>
				</ul>
			</footer>
		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/mi"></script>
	</body>

</html>